<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用bootstrap绘制form表单</title>
<!-- Bootstrap core CSS -->
<link
	href="${pageContext.servletContext.contextPath}/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="${pageContext.servletContext.contextPath}/static/plugins/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css"
	rel="stylesheet">
<!-- bootstrap-datepicker-1.9.0-dist -->
<link
	href="${pageContext.servletContext.contextPath}/static/plugins/bootstrap-datepicker-1.9.0-dist/css/bootstrap-datepicker.min.css"
	rel="stylesheet">

<!-- Bootstrap core JavaScript-->
<!-- Placed at the end of the document so the pages load faster -->
<!--import jquery before bootstrap javascript-->
<script
	src="${pageContext.servletContext.contextPath}/static/plugins/jquery-1.12.4/jquery-1.12.4.min.js"></script>
<script
	src="${pageContext.servletContext.contextPath}/static/plugins/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!-- bootstrap-datepicker-1.9.0-dist -->
<script
	src="${pageContext.servletContext.contextPath}/static/plugins/bootstrap-datepicker-1.9.0-dist/js/bootstrap-datepicker.min.js"></script>

<script
	src="${pageContext.servletContext.contextPath}/static/plugins/bootstrap-datepicker-1.9.0-dist/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- My97DatePicker -->
<script
	src="${pageContext.servletContext.contextPath}/static/plugins/My97DatePicker/WdatePicker.js"></script>


<style>
#maindiv {
	width: 80%;
	padding-top: 10px;
}
</style>
</head>
<body>
	<div id="maindiv">
		<form class="form-horizontal"
			action="${pageContext.servletContext.contextPath}/PhonesInfoAjaxSavingControl"
			method="post">
			<!-- 添加隐藏表单域是为了修改使用；将当前修改的记录的主键一并通过form表单传到服务器 -->
			<input type="hidden" name="p_id"
				value="${Phones.p_id }">

			<div class="form-group">
				<label class="col-sm-4 control-label">手机名称</label>
				<div class="col-sm-4">
					<input type="text" class="form-control" id="name"
						name="p_name" value="${Phones.p_name }" placeholder="手机名称">
				</div>
			</div>
			
			<div class="form-group">
				<label class="col-sm-4 control-label">手机全称</label>
				<div class="col-sm-4">
					<input type="text" class="form-control" id="fullName"
						name="p_fullName" value="${Phones.p_fullName}" placeholder="手机全称">
				</div>
			</div>
			
			<div class="form-group">
				<label class="col-sm-4 control-label">手机价格</label>
				<div class="col-sm-4">
					<input type="text" class="form-control" id="price"
						name="p_price" value="${Phones.p_price}" placeholder="手机价格">
				</div>
			</div>
				
			<div class="form-group">
				<label class="col-sm-4 control-label">商品编码</label>
				<div class="col-sm-4">
					<input type="text" class="form-control" id="code"
						name="p_code" value="${Phones.p_code}" placeholder="商品编码">
				</div>
			</div>
			
			<div class="form-group">
				<label class="col-sm-4 control-label">购买界面图片</label>
				<div class="col-sm-4">
					<input type="text" class="form-control" id="buyimg "
						name="p_buyimg" value="${Phones.p_buyimg}" placeholder="购买界面图片">
				</div>
			</div>
			
			<div class="form-group">
				<label class="col-sm-4 control-label">订单界面图片</label>
				<div class="col-sm-4">
					<input type="text" class="form-control" id="orderimg"
						name="p_orderimg" value="${Phones.p_orderimg}" placeholder="订单界面图片">
				</div>
			</div>
			
			<div class="form-group">
				<label class="col-sm-4 control-label">商品介绍</label>
				<div class="col-sm-4">
					<textarea type="text" class="form-control" id="intro1"
						name="p_intro1" placeholder="商品介绍">${Phones.p_intro }</textarea>
				</div>
			</div>

			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-2">
					<button type="submit" class="btn btn-default">修改</button>
				</div>
				<div class="col-sm-offset-4 col-sm-2">
					<button type="reset" class="btn btn-default">重置</button>
				</div>
			</div>
		</form>
	</div>
</body>
</html>